//放大镜
$(function() {
	//替换用户信息
	if(window.name){
		$('.a1').text(window.name);
	}
	//点击图片跳转到首页
	$('.ToFirst').on('click',function(){
		location="/HomePage.html"
	})
	//注销
	$('.ZX').on('click', function() {
		window.name = "";
	})
	//点击用户跳转到登录页面
	$('.userinfo').on('click',function(){
		location="/register.html";
	})
	//计算小区域的宽高
	//核心公式    小区域/大区域=小图/大图
	let Width = $('.midImg').width() / $('.bigImg').width() * $('.enlarge').width();
	let Height = $('.midImg').height() / $('.bigImg').height() * $('.enlarge').height();
	$('.middleArea').css({
		width: Width,
		height: Height
	})
	//计算移动比例
	let Bi = $('.enlarge').width() / $('.middleArea').width();
	$('.middleImg').on('mouseenter', function(event) {
		$('.enlarge').css('display', "block");
		$('.middleArea').css('display', "block");
		$(this).on('mousemove', function(event) {
			var Mx = event.pageX - $('.midImg').offset().left - ($('.middleArea').width() /
				2);
			var My = event.pageY - $('.midImg').offset().top - ($('.middleArea').height() /
				2);
			if (Mx <= 0) {
				Mx = 0;
			}
			if (My <= 0) {
				My = 0;
			}
			if (Mx > $('.midImg').innerWidth() - $('.middleArea').innerWidth()) {
				Mx = $('.midImg').innerWidth() - $('.middleArea').innerWidth();
			}
			if (My > $('.midImg').innerHeight() - $('.middleArea').innerHeight()) {
				My = $('.midImg').innerHeight() - $('.middleArea').innerHeight();
			}
			$('.middleArea').css({
				'left': Mx,
				'top': My
			})
			$('.bigImg').css({
				left: -Mx * Bi,
				top: -My * Bi
			})
		})

	})
	$('.middleImg').on('mouseleave', function() {
		$(".middleImg").off('mousemove');
		$('.middleArea').css('display', "none")
		$('.enlarge').css('display', "none")
	})
	$('.smallImg img').on('click', function() {
		$('.middleImg').find('img').attr("src", "img/image2/imgage3/middleImg" + ($(this).index() + 1) +
			".jpg")
		$('.bigImg').attr("src", "img/image2/imgage3/middleImg" + ($(this).index() + 1) + ".jpg")
	})
})
//数量加减/金额计算
$(function() {
	$('#num').prev().on('click', function() {
		let num = parseInt($(this).next().val()) + 1;
		$(this).next().val(num);
		$('#price').text(num * 155)
	})
	$('#num').next().on('click', function() {
		let num = parseInt($(this).prev().val()) - 1;
		if (num < 0) {
			num = 0
		}
		$(this).prev().val(num);
		$('#price').text(num * 155)
	})
})
$(function() {
	//创建弹窗广告
	let advertisement = $('<div class="advertisement"><img src="img/kefu_pop_mid.png"></div>');
	advertisement.css({
		position: "fixed",
		left: "50%",
		bottom: "30px",
		zIndex: 888,
		marginLeft:"-600px"
	})
	advertisement.appendTo($(document.body));
	advertisement.on('click', function() {
		this.remove();
	})
	//点击右侧导航栏回到顶部
	$('.FixedNavRight').find('.goTop').on('click', function() {
		let timer = 0;
		clearInterval(timer);
		timer = setInterval(function() {
			if ($(window).scrollTop() <= 0) {
				clearInterval(timer)
			}
			let step = $(window).scrollTop() / 10;
			$(window).scrollTop($(window).scrollTop() - step);
		}, 30)
		console.log(1111)
	});
	
	//设置头部动画
	$('.header-top img').attr('src', 'img/images/img6.jpg');
	setTimeout(function() {
		$('.header-top').animate({
			'height': 80
		}, 3000, function() {
			$('.header-top img').attr('src', 'img/images/20210315094136_844.jpg');
		});
	}, 3000)
	
	//给头部下标签绑定移入事件
	$(".ul2>li").on('mouseenter', function() {
		$(this).find('a').css('color', 'red')
		$(this).find('ul').show();
		$(this).find('ul').children().on('mouseenter', function() {
			$(this).css('color', 'red').siblings().css('color', '')
		})
	}).on('mouseleave', function() {
		$(this).find('a').css('color', '')
		$(this).find('ul').hide()
	})
	//设置小轮播事件
	var num = 0;
	setInterval(function() {
		num++;
		if (num > 3) {
			num = 0;
			$('#seach_ul').css('top', 0)
		};
		$('#seach_ul').animate({
			top: -41 * num
		})
	}, 2000)
	//给NavUl绑定移入事件
	$('.NavUl').children().on('mouseenter', function() {
		$(this).css('color', "pink")
	}).on('mouseleave', function() {
		$(this).css('color', '')
	})
	
	//点击购物车跳转
	$('.shopCart').on('click',function(){
		var index = layer.load(1, {
		  shade: [0.1,'#fff'] //0.1透明度的白色背景
		});
		let timer=0;
		timer=setTimeout(function(){
			layer.close(index);
			location = "http://10.41.152.2:8080/Cart.html";
		},1000)
	})
	
})
